<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../dist/css/workflow-theme.css">
    <style>
        #home {
            height: 1200px;
        }

        .tab-content {
            background-color: blueviolet;
        }
    </style>
</head>
<body>
    <div class="navbar">

    </div>
    <div class="content">
        <div class="menu">
            <div class="menu-header"></div>
            <a class="menu-item" href="#">A</a>
            <div>
                <a class="menu-item expand" href="#">A</a>
                <div class="menu nested">
                    <a class="menu-item" href="#">BBBB</a>
                    <a class="menu-item" href="#">BBBB</a>
                </div>
            </div>
            <a class="menu-item" href="#">A</a>
            <a class="menu-item" href="#">A</a>
            <a class="menu-item" href="#">A</a>
            <div>
                <a class="menu-item expand" href="#">A</a>
                <div class="menu nested">
                    <a class="menu-item" href="#">BBBB</a>
                    <a class="menu-item" href="#">BBBB</a>
                </div>
            </div>
            <div>
                <a class="menu-item expand" href="#">A</a>
                <div class="menu nested">
                    <a class="menu-item" href="#">BBBB</a>
                    <a class="menu-item" href="#">BBBB</a>
                </div>
            </div>
            <div>
                <a class="menu-item expand" href="#">A</a>
                <div class="menu nested">
                    <a class="menu-item" href="#">BBBB</a>
                    <a class="menu-item" href="#">BBBB</a>
                </div>
            </div>
            <div>
                <a class="menu-item expand" href="#">A</a>
                <div class="menu nested">
                    <a class="menu-item" href="#">BBBB</a>
                    <a class="menu-item" href="#">BBBB</a>
                </div>
            </div>
            <div>
                <a class="menu-item expand" href="#">A</a>
                <div class="menu nested">
                    <a class="menu-item" href="#">BBBB</a>
                    <a class="menu-item" href="#">BBBB</a>
                </div>
            </div>
            <div>
                <a class="menu-item expand" href="#">A</a>
                <div class="menu nested">
                    <a class="menu-item" href="#">BBBB</a>
                    <a class="menu-item" href="#">BBBB</a>
                </div>
            </div>
        </div>
        <div class="tab">
            <ul class="nav-tabs">
                <li class="active">
                    <a href="#home" data-toggle="tab">Home</a>
                </li>
                <li>
                    <a href="#profile" data-toggle="tab">Profile</a>
                </li>
                <li>
                    <a href="#messages" data-toggle="tab">Messages</a>
                </li>
                <li>
                    <a href="#settings" data-toggle="tab">Settings</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="home">...Home</div>
                <div class="tab-pane" id="profile">...Profile</div>
                <div class="tab-pane" id="messages">...message</div>
                <div class="tab-pane" id="settings">...settings</div>
            </div>
        </div>
    </div>
    <script src="../bower_components/jquery/dist/jquery.js"></script>
    <script src="../dist/js/workflow-theme.js"></script>
</body>
</html>